
<html>
<head>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0,viewport-fit=cover">
    <title>在线支付</title>
    <style>
        .input_text {
            padding: 10px 10px;
            border: 1px solid #d5d9da;
            border-radius: 5px;
            box-shadow: 0 0 5px #e8e9eb inset;
            width: 100px;
            font-size: 1em;
            outline: 0;
        }

        .input_text:focus {
            border: 1px solid #b9d4e9;
            border-top-color: #b6d5ea;
            border-bottom-color: #b8d4ea;
            box-shadow: 0 0 5px #b9d4e9;
        }
        .button {
            color: #666;
            background-color: #EEE;
            border-color: #EEE;
            font-weight: 300;
            font-size: 16px;
            font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
            text-decoration: none;
            text-align: center;
            line-height: 40px;
            height: 40px;
            padding: 0 40px;
            margin: 0;
            display: inline-block;
            appearance: none;
            cursor: pointer;
            border: none;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition-property: all;
            transition-property: all;
            -webkit-transition-duration: .3s;
            transition-duration: .3s;
        }
        .button-primary {
            background-color: #1B9AF7;
            border-color: #1B9AF7;
            color: #FFF;
        }

        .button-primary:visited:visited {
            color: #FFF;
        }

        .button-primary:hover, .button-primary:focus
        {
            background-color: #4cb0f9;
            border-color: #4cb0f9;
            color: #FFF;
        }
        .button-pill {
            border-radius: 200px;
        }
        .alipay_select {
            width: 120px;
            background: url(http://codepay.fateqq.com/img/alipay.jpg) no-repeat 14px 0;
        }
        .type_select {
            float: left;
            padding: 1px;
            margin: 5px 5px 0px 0px;
            border: 1px solid #80C5FF;
            color: #0061F3;
            font-size: 13px;
            padding: 5px;
            margin-left: 0px;
            float: left;
            padding-left: 2px;
            padding-right: 20px;
            padding-top: 14px;
            height: 20px;
        }
    </style>
</head>
<body>
<form name="form1" id="form1" method="get" action="/pay_zf">
    <input type="hidden" name="param" value="duedate" />
    <div>
        <table width="550" border="0" align="center" cellpadding="8" cellspacing="1" bgcolor="#ffffff">
            <tbody>
            <tr>
                <td colspan="2">
                    <div align="center"><strong>在线支付-续费</strong></div>
                </td>
            </tr>
            <tr>
                <td>
                    <div align="right">金额：</div>
                </td>
                <td>
                    <input name="price" type="text" id="price" value="5" style="border:#fff;font-size: medium;background-color:#fff;width:100px;text-align: center;color: red;" readonly="true">元</td>
            </tr>
            <tr>
                <td>
                    <div align="right">用户：</div>
                </td>
                <td><input name="pay_id" type="text" id="pay_id" value="[用户]" style="border:#fff;font-size: medium;background-color:#fff;width:200px;" readonly="true"></td>
            </tr>
            <tr>
                <td>
                    <div align="right">月数：</div>
                </td>
                <td><input id="months" onchange="go()" onkeyup="go()" type="number" value="1" class="input_text" style="width:200px;"></td>
            </tr>
            <tr>
                <td>
                    <div align="right">支付：</div>
                </td>
                <td>
                    <label><div class="type_select alipay_select"></div></label>
                </td>
            </tr>
            <tr>
                <td>
                    <div align="right"></div>
                </td>
                <td><label>
                    <input type="submit"  id="Submit" class="button button-pill button-primary"
                           value="支付宝支付">
                </label></td>
            </tr>
            </tbody>
        </table>
    </div>
</form>
<script>
    function go() {
        var iii = document.getElementById("months").value;
        if(iii>=0){
            document.getElementById("price").value=iii*5;
        }
    }
</script>
</body>
</html>